<template>
  <!-- 
    缓存路由组件:
      -路由的切换过程是组件的挂载和卸载的过程,如果有的路由切换比较频繁,则不希望它频繁的卸载和挂载
      -缓存路由组件使用<keep-alive></keep-alive>包裹住<router-view></router-view>
      -默认<router-view></router-view>中所有的组件第一次挂载后都会被缓存
      -我们可以给keep-alive设置一个include属性,值是字符串或者数组(组件名称),设置哪些组件需要被缓存
      -keep-alive只会缓存当前包含的替代router-view的组件,不会深层次的控制
   -->
  <keep-alive :include="['Home','Login']">
    <router-view></router-view>
  </keep-alive>
</template>

<script>
export default {
  name: "App",
};
</script>

<style>
</style>